<template>
  <div class="hello">
   <h3>{{name}}</h3>
   <h3>{{school}}</h3>
   <h3>{{age}}</h3>
   <h3>{{sex}}</h3>
   <h4>我的key是{{mykey-1}}</h4>
   <button @click="index()" class='mybutton'>点击我试试效果</button>
  </div>
</template>

<script>
export default {
  name: 'chenghao',
data(){
 return{
     name:'我的名字是',
     school:'科技大学',
     age:'男',
     sex:'30',
 }
},
  props: {
    msg: String,
    mykey:Number,
  },
  methods: {
      index(){
        alert("1234")
      }
  },
}
</script>

<style scoped>
.mybutton{
    background-color: brown;
    width: 300px;
    height: 100px;
}


</style>
